<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>test</title>
</head>
<body>
<button data-event="test" data-align="top right">open dialog</button>
<button data-event="test" data-align="top left" style="position:absolute;right:0;top:0;width:100px">open dialog</button>
<script src="../lib/sea.js"></script>
<script>
seajs.config({
  alias: {
    "jquery": "jquery-1.10.2.js"
  }
});
</script>

<script>
seajs.use(['jquery', '../src/dialog'], function ($, dialog) {


	$('button[data-event=test]').on('click', function () {
		var d = dialog({
			id: 'align-test',
			title: '消息',
			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
			okValue: '确 定',
			align: $(this).data('align'),
			//height: 1024,
			ok: function () {},
			cancelValue: '取消',
			cancel: function () {}
		});

		d.show(this);
	});

});
</script>
</body>
</html>